#background {
    background: url("../assets/bg.jpg");
    width: 100%;
    height: 100%;
    position: fixed;
    background-size: 100% 100%;
}

.main {
    width: 50%;
    border: 1px solid white;
    border-radius: 20px;
    margin: 5% 25%;
    /* float: left; */
    height: 500px;
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: grey 1px 1px 3px 3px;
    z-index: 1;
    position: absolute;
}


.main .el-form-item >>> h1 {
    width: 100%;
    text-align: center;
    font-family: "KaiTi_GB2312";
    color: white;
}

.main .el-form-item >>> a {
    font-size: 18px;
    text-decoration: none;
}

.main .el-form-item >>> a:hover {
    color: red;
}

.main >>> .el-form-item {
    width: 60%;
    position: relative;
    /* margin-top: 3%; */
    margin: 4% auto;
    background: transparent;
}

.main .el-form-item >>> .el-input__inner,
.main .el-form-item >>> .code {
    height: 40px;
    font-size: 20px;
    background: transparent;
}

.main .el-form-item >>> #s-canvas {
    margin-top: 8%;
    /* height: 80%; */
}

.el-form-item >>> .el-button {
    font-size: 20px;
    height: 40px;
    border: 1px solid skyblue;
    width: 100%;
}